<template>
  <!--常规问题-->
  <div class="container">
    <div class="header">
      <loginHeader
        :isShowType="isShowType"
        :activeIndex="activeIndex"
      ></loginHeader>
    </div>
    <div class="main">
      <div class="bannerbox">
        <div class="banner">
          <img src="../../../static/img/common/problemBanner.png" />
        </div>
        <div class="banner-title">
          <img src="../../../static/img/common/problem.png" />
        </div>
      </div>
      <div class="content">
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />企业账号如何获取？
          </div>
          <div>
            <img
              src="../../../static/img/common/answer.png"
              class="probleam"
              style="vertical-align: top"
            /><span class="answer"
              >访问系统网站，建议使用 IE 11或者Google
              Chrome浏览器访问平台，点击企业平台进入到企业平台登录界面，通过企业平台可完成帐号注册和登录。</span
            >
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />企业登陆账号后需要做什么？
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              完成项目申报以及企业信息的补充，收集工人身份证以及银行卡信息，按照系统要求以及操作手册录入工人实名制信息。
            </div>
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />制作工资表需要哪些必要信息？
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              务工人员发放工资月份需有务工记录；人员姓名、身份证号码、银行卡号以及发放金额需准确无误。
            </div>
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />发生预警怎么办？
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              系统产生的预警均会提供预警详情以及预警产生原因，根据不同的原因系统推荐解决方式，企业根据相应的解决方式操作即可消除预警。
            </div>
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />预警不处理有什么后果？
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              预警不及时处理将会受到行业主管部门及劳动监察部门的处罚，可能会影响施工企业的诚信评级。
            </div>
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />企业账号密码忘记了怎么办？
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              使用系统找回密码功能，分别填写企业信息、验证身份、设置新密码即可。
            </div>
          </div>
        </div>
        <div class="probleam-box">
          <div class="question">
            <img
              src="../../../static/img/common/question.png"
              class="probleam"
            />更多问题
          </div>
          <div>
            <img src="../../../static/img/common/answer.png" class="probleam" />
            <div class="answer">
              请查看操作手册，有疑问请联系客服：4000-966-687。
            </div>
          </div>
        </div>
        <el-col :span="24" class="toolbar" style="text-align: right">
          <el-pagination
            :page-sizes="[10]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="7"
          >
          </el-pagination>
        </el-col>
      </div>
    </div>
    <loginFooter></loginFooter>
  </div>
</template>
<script>
import loginHeader from '@/components/publicCom/loginHeader'
import loginFooter from '@/components/publicCom/loginFooter'
export default {
  name: 'routineProblem',
  components: {
    loginHeader,
    loginFooter,
  },
  data() {
    return {
      // title:"内蒙古和谐劳动用工服务平台",
      isShowType: true,
      activeIndex: '2',
      tableList: [],
      requestUrl: '',
      //搜索条件
      filterField: {},
      isSearch: false,
      isShow: false, //列表加载
    }
  },
  methods: {
    goBackList() {
      this.$router.push('')
      this.$store.commit('GOBACK_NAME', {
        oldUrl: '',
        newUrl: this.$router.currentRoute.fullPath,
      })
    },
    getTableList(data) {
      this.tableList = data
      this.loading = false
      if (this.isSearch) {
        this.isShow = this.tableList.length <= 0
      }
    },
  },
}
</script>

<style scoped>
.header {
  width: 100%;
  position: absolute;
  top: 0;
  background: #0f4d9a;
  background: linear-gradient(
    left,
    #08205c 0%,
    #0f4d9a 10%,
    #0f4d9a 90%,
    #08205c 100%
  );
  height: 64px;
}
.bannerbox {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 348px;
}
.banner {
  width: 1920px; /*图片宽度*/
  position: absolute;
  left: 50%;
  margin-left: -960px; /*图片宽度的一半*/
}
.banner-title {
  width: 192px;
  position: absolute;
  left: 50%;
  margin-left: -96px;
  top: 50%;
  margin-top: -27px;
  z-index: 20;
}
.main {
  width: 100%;
  overflow: auto;
  top: 64px;
  position: absolute;
  z-index: 10;
  bottom: 66px;
  padding-bottom: 20px;
}
.content {
  margin: 0 auto;
  width: 900px;
}
.container .footer {
  /* position: absolute;
        bottom: 0; */
  width: 100%;
  height: 64px;
  line-height: 64px;
  background-color: #3e3e4a;
  text-align: center;
  color: #ffffff;
  margin-top: 50px;
  font-size: 14px;
  margin-bottom: 0;
}
.probleam-box {
  border-bottom: 1px #eef6fb solid;
  padding-top: 10px;
  padding-bottom: 10px;
}
.probleam {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}
.question {
  color: #38628a;
  height: 50px;
  line-height: 50px;
}
.answer {
  width: 850px;
  display: inline-block;
  color: #8898b1;
  line-height: 28px;
}
</style>
